<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page	language="java" contentType="text/html; charset=ISO-8859-1"	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
		<jsp:include page="include/scriptsAndSytles.jspf" />
		<script type="text/javascript">
			$(document).ready(function() {
				
 			});
		</script>
	</head>
	<body>
		<div data-role="page" data-theme="b" data-add-back-btn="false" id="page-services">
			<jsp:include page="include/header.jspf" />
			<div data-role="content">
				<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b" data-filter="true">
					<c:forEach items="${services}" var="service">
						<li><a href="/service/display.do?serviceKey=${service.keyString}"><h1>${service.title}</h1><p>${service.description}</p></a></li>
					</c:forEach>
				</ul>
			</div>
			<jsp:include page="include/footer.jspf" />
		</div>
	</body>
</html>